<template>
    <div>
        <div id="dui" style="width: 100%;height: 500px;"></div>
    </div>
    
</template>
<script>
export default{
    mounted() {
        let x = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月']
        let y = ['1000','500','300','600','500','600','700','800','900','1000','1200','1100']
        let yy = ['1000','500','1500','1000','1000','700','700','800','900','1000','500','600']
        let mmychart = this.$echarts.init(document.getElementById('dui'));
        mmychart.setOption({
            xAxis:{
                type: 'category',
                boundaryGap: false,
                data: x,
            },
            yAxis:{
                type: 'value'
            },
            series:[
                {
                    data: y,
                    type: 'line',
                    areaStyle: {}
                },
                {
                    data: yy,
                    type: 'scatter'
                }
               
            ]
        })
    },
}
</script>
<style></style>